.detail-box {

    height: 100vh;
    overflow-y: auto;
    padding-bottom:  calc(96px);

    .content {
        .conent-detail{
            padding: 0px 20px;
            >div{
                text-indent: 20px;
    
            }
        }
        .move-title,.move-des{
            font-size: 34px;
            line-height: 2;
        color: #108ee9;
        font-weight: bold;
        }
        .move-des{
            font-size: 26px;
            line-height: 1.6;
            color: black;
        }
        .move-intro {
            text-indent: 20px;
            font-size: 20px;
            line-height: 1.4;
            font-size: 18px;
        }

    }

    .tab-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        box-sizing: border-box;
        width: 100%;
        height: 90px;
        background: #eeeeee;
        display: flex;
        align-items: center;

        .icons {
            display: flex;
            justify-content: space-around;
            align-items: center;
            box-sizing: border-box;
            width: 86vw;
            margin: 0 auto;
        }

        .adm-badge-wrapper,
        span {
            width: 162.5px;
            text-align: center;
            font-size: 40px;
        }

        span {
            &:nth-last-of-type(1) {
                color: #AAA;

                &:nth-of-type(1) {
                    &.stored {
                        color: #108ee9
                    }
                }
            }
        }

        .adm-badge-wrapper {
            .adm-badge-fixed {
                right: 20px;
            }

            .adm-badge-content {
                color: #4107f1;
            }
        }
    }
}